@charset "utf-8";

/* input */
input[type="text"],input[type="password"],input.input-text{height:22px;line-height:22px; font-family:"simsun";padding-left:5px;border:1px solid #ccc;background:#FFF; box-sizing:border-box }
input[type="text"]:focus{}
label input{ height:14px; line-height:14px;}
label *{vertical-align:middle; font-family:tahoma}
input[type="radio"],input[type="checkbox"]{}
input[type="radio"]{}
input[type=readonly]{ }
input[type=file]{cursor: pointer;}
input[type="text"].Wdate{ background-image:url(../images/timeicon.gif);background-repeat: no-repeat;background-position:right center}
input[type="text"].shortWdate{width: 100px;}
input[type="text"].longWdate{}
input[type="text"].address{ width:280px}



/*select*/
select{*height:26px;border:1px solid #9f9f9f; font-size:12px; padding:1px;
 background-image: url(''),
  -moz-linear-gradient(#fff, #fff 38%, #ebebeb);background-repeat:no-repeat;-moz-appearance: none; background-position:right center; padding:4px; padding:1px\0}

:-webkit-any(select) {
  -webkit-appearance: none;
  -webkit-padding-end: 20px;
  padding:0 16px 0 2px;
  background-image: url(''),
  -webkit-linear-gradient(#fff, #fff 38%, #ebebeb);
  background-position: right center;
  background-repeat: no-repeat;
  box-shadow: 0px 1px 0px 0px #E9E9E9;
  height:22px
}
select:enabled:hover{ border:1px solid #666}
select:disabled {
  /* OVERRIDE */
  background-image: url(''),-webkit-linear-gradient(#ddd, #ccc 38%, #ccc);
	  color:#787878;
	  text-shadow: 0px 1px 0px #DDD;
	  
}



:-webkit-any(input[type='radio']){
  /* OVERRIDE */
  border-radius: 100%!important;
  height: 15px;
  position: relative;
  vertical-align: middle;
  width: 15px;
  margin-right: 2px;
  border: 1px solid #999;
}


input[type='password'],
input[type='search'],
input[type='text'],
input[type='url'],
input:not([type]),
textarea {
  border: 1px solid #999;
  box-sizing: border-box;
   -moz-box-sizing: border-box;
   color: #444;
  font: inherit;
  margin: 0;
  padding:0 3px;
  box-shadow: 0px 1px 2px #cdcdcd inset;
}

input[type='search'] {
  -webkit-appearance: textfield;
  min-width: 160px;
}

input[type='search']::-webkit-textfield-decoration-container {
  direction: inherit;
}


/* Checked ********************************************************************/
:-webkit-any(input[type='checkbox']){
 /* bottom: 2px;
  position: relative;*/
  height: 14px;
  
  vertical-align: middle;
  width: 14px;
  padding-left:0;
  border: 1px solid #999;
}

input[type='checkbox']:checked::before {
  -webkit-user-select: none;
 background-image:url(../images/icons/check_gray.gif) ;
 background-position:center center;
 background-repeat:no-repeat;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
}

html[dir='rtl'] input[type='checkbox']:checked::before {
  -webkit-transform: scaleX(-1);
}

input[type='radio']:checked::before {
  background-color: #666;
  border-radius: 100%;
  bottom: 3px;
  content: '';
  display: block;
/*  left: 3px;
*/  position: absolute;
  right: 3px;
  top: 3px;
}
/* Hover **********************************************************************/

:enabled:hover:-webkit-any(
    select,
    input[type='checkbox'],
    input[type='radio'],
    :-webkit-any(
         
        input[type='button'],
        input[type='submit']):not(.custom-appearance):not(.link-button)) {
  background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
  border-color: #666;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12),
      inset 0 1px 2px rgba(255, 255, 255, 0.95);
  color: black;
}

:enabled:hover:-webkit-any(select) {
  /* OVERRIDE */
  background-image: url(''),
      -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
	  background-repeat: no-repeat;
	background-position: right;	
}

/* Active *********************************************************************/

:enabled:active:-webkit-any(
    select,
    input[type='checkbox'],
    input[type='radio'],
    :-webkit-any(
         
        input[type='button'],
        input[type='submit']):not(.custom-appearance):not(.link-button)) {
  background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
  box-shadow: none;
  text-shadow: none;
}

:enabled:active:-webkit-any(select) {
  /* OVERRIDE */
  background-image: url(''),
      -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
}

/* Disabled *******************************************************************/

:disabled:-webkit-any(
    
    input[type='button'],button,
    input[type='submit']):not(.custom-appearance):not(.link-button),
select:disabled {
  background-image: -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);
  border-color: rgba(80, 80, 80, 0.2);
  box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08),
      inset 0 1px 2px rgba(255, 255, 255, 0.75);
  color: #aaa;
}

select:disabled {
  /* OVERRIDE */
  background-image: url(''),
      -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);
}

input:disabled:-webkit-any([type='checkbox'],
                           [type='radio']) {
 
}

input:disabled:-webkit-any([type='password'],
                           [type='search'],
                           [type='text'],
                           [type='url'],
                           :not([type])) {
color: #787878;
background: #EEE;
text-shadow: 0px 1px 0 white;
}

/* Focus **********************************************************************/

:enabled:focus:-webkit-any(
    select,
    input[type='checkbox'],
    input[type='password'],
    input[type='radio'],
    input[type='search'],
    input[type='text'],
    input[type='url'],
    input:not([type]),
    :-webkit-any(
          
         input[type='button'],
         input[type='submit']):not(.custom-appearance):not(.link-button)) {
  /* OVERRIDE */
  -webkit-transition: border-color 200ms;
  /* We use border color because it follows the border radius (unlike outline).
   * This is particularly noticeable on mac. */
  border-color: #ae6f1d;
  outline: none;
}
input.w_35{ width:35px;}
input.w_40{ width:40px;}
input.w_60{ width:60px;}
input.w_70{ width:70px;}
input.w_80{ width:80px;}
input.w_130{width:130px;}
input.w_80{width:80px;}
input.w_120{ width:120px;}
input.w_140{ width:140px;}
input.w_200{ width:200px;}
input.dataTime{background:url(../images/timeicon.gif) no-repeat right center #FFF; width:96px;}
input.arrow_bottom,input.input-text-drop{background:url(../images/icons/arrow_bottom.gif) no-repeat right center #FFF;}
input.f_color_c{ color:#CCC;}
input.f_color_7{ color:#787878;}

select.w_85{ width:85px;}
select.w_135{width:137px;}
select.w_85{width:85px;}
select.w_97{width:97px;}
select.w_200{width:200px;}

fieldset {padding:10px; border:#ccc dashed 1px; margin-bottom:10px;border-radius:5px;} 
legend {font-weight:800; color:#333; background:#fff; padding:0 4px;} 

.OverallText fieldset{background:#eee}
.OverallText fieldset legend{ background:none;}

/* 多选框 style */
.controlsSelected{ position:relative}
.MultipleChoicePop {position:absolute;top:22px;left:0; z-index:99;border:1px solid #ccc; background:#eee;box-shadow: 2px 3px 3px #CCC; min-width:120px}
.MultipleChoicePop .choice-hd{ padding:5px 10px;border-bottom:1px solid #ccc;}
.MultipleChoicePop .choice-bd{ max-height:350px; overflow-y:auto;padding: 5px 10px;}
.MultipleChoicePop .choice-bd li{ padding:5px 0 }
.MultipleChoicePop .choice-bd label{display:block;  }
.MultipleChoicePop .choice-ft{padding:5px 10px; margin-top:0px;border-top:1px solid #ddd;background:#FFF;}

/* 多选框,不浮动 */
.multipleCheck-box { padding:15px}
.multipleCheck-box .choice-bd{padding:5px 0}
.multipleCheck-box .choice-bd li{padding:5px 0 ; display:block; }
.multipleCheck-box .choice-bd li label{}
.multipleCheck-box .choice-ft{padding: 10px 0;; margin-top:0px;border-top:1px solid #ddd;background:#FFF;}


/*弹出下拉菜单*/
.popmenu{padding:5px;border:1px solid #A0A09E;background-color:#E7E7E7;font-size:12px; max-height:300px; overflow-y: auto; position:absolute; z-index:900;border-radius: 2px 2px 2px 2px;box-shadow: 1px 1px 3px #999;overflow-x: hidden;}
.popmenu .item{ padding-top:2px;padding-bottom:2px;line-height: 20px;overflow: hidden!important;width: auto!important; }
.popmenu .item:hover{ font-weight:bold}
.popmenu .item *{font-family: tahoma;vertical-align: middle;}
.popmenu .item input {margin-right: 2px;   width:14px; height:14px; background:none;margin-bottom: auto; padding-top:0}
.popmenu .btnBar { text-align:center; margin-top:5px}
.popmenu .btnBar .left {float:left;}
.popmenu .btnBar .right {float:right;}
.popmenu .btnBar .left input {background:#ece9d8;}
.popmenu .btnBar .velsnbtn{ font-size: 12px;height: 22px;line-height: 22px;padding:0 7px; background:url(../images/broker/btn_bg.gif) repeat-x #f2f2f2; box-shadow:none;text-shadow: 0px 1px 0px white;}
.popmenu .btnBar .velsnbtn:hover{ border:1px solid #666; cursor:pointer; background:url(../images/broker/btn_hover_bg.gif) repeat-x;}
.popmenu .btnBar .velsnbtn:active{ box-shadow:0px 0px 3px #888 inset  }

.popmenu input[type="text"]{ height:20px; line-height:20px; padding-left:3px}
.popmenu .leftTree{padding-right: 4px;border-right: 1px solid #A0A09E;background-color: #E7E7E7;float: left; overflow: visible; margin-right:0;height: auto!important;}
.popmenu .rightContent{border-width: 1px 1px 1px medium;float: left;padding-left: 5px; border-left:none}
.popmenu .rightContent .item input{ padding:2px 0;}
.popmenu .currentTab{padding:2px; padding:4px 2px 1px 2px\9; border:1px solid #A0A09E ; border-right:none}
.popmenu ul.ztree{overflow:hidden;}
.popmenu ul.ztree li a button{ border:none!important}
.popmenu .btnWrap{ padding:5px 5px 0px 0px; border-top:1px solid #cdcdcd}
.popmenu .itemWrap { max-height:230px; overflow-y: auto}





/*F7控件*/
.f7{ position:relative; display:inline-block; overflow:hidden}
.f7 .f7-select{ position:absolute;right:0;top:0; width:24px; display:block; height:100%; font-size:0; line-height:0; color:#999999;background:url(../images/icons/selected_btn_bg.png) left center no-repeat; display:block;box-sizing: border-box; border:1px solid #999999}
.f7 .f7-select:hover{ background-position:-24px center; cursor:pointer} 
.f7 .f7-input{ margin-right:23px; border:1px solid #999999; height:24px}
.f7 .f7-input .input-text{ width:100%!important; padding:0!important; border:0; box-sizing:border-box}
.f7 strong{background:url(../images/sprite.png) no-repeat 0 -71px;/*url(../images/icon.png) no-repeat 0 -418px;*/height:22px;width:22px; position:absolute;right:25px; top:2px; cursor:pointer; top:50%; margin-top:-11px  }
.f7 strong:hover{background:url(../images/sprite.png) no-repeat -24px -71px;}
.f7_disabled .f7-select,.f7_disabled .f7-select:hover{background:url(../images/icons/selected_btn_bg_dis.png) left center no-repeat; cursor:default}

/*表单验证*/
.validatTips-failure { position:absolute;padding-left: 6px;top:0px; z-index:999;}
.validatTips-failure .t-arrow{ position:absolute;z-index: 1002; top:50%; margin-top:-6px; left:0px; width:7px; height:13px; background:url(../images/icons/tiparrow-yellow-left.png) no-repeat center center}
.validatTips-failure .t-cont{position:relative;z-index: 1001; background:#fcf2d1; color:#2e2e2e; padding:5px; border:1px solid #ddba47;  box-shadow:1px 1px 2px #777}
.validatTips-success{width:16px; height:16px;border-radius: 100%; position:absolute; z-index:1000;  background: url(../images/icons/validate_true.png) no-repeat center center; }
.validatTips-focusInfo {}
.validatTips-focusInfo .t-cont{/*background:#fff;border-color:#eee*/}
.validatTips-focusInfo .t-arrow{/*background-image:url(../images/icons/tiparrow-white-left.png)*/}

.validatTips-pos-top{padding-left:0}
.validatTips-pos-top .t-arrow{background: url(../images/icons/tiparrow-yellow-up.png) no-repeat center center;height: 6px; top:1px; left:10px;;width: 10px;}


input[type="text"].input-validation-failed {   border:1px solid #f77c77; background: url(../images/icons/error_small.png) no-repeat #fff3f3 right center; top:20px }
select.input-validation-failed{} 




input.btn,button.btn,input.importamtBtn,button.importamtBtn{ padding:0;
    border:1px solid #9a9a9a;
    background:url(../images/button/btn_bg.gif) repeat-x #f2f2f2;
    color:#2e2e2e;
    font-family:Tahoma,Verdana,宋体;
	height:22px;
    text-align: center;
    zoom:1;    
    cursor:pointer;
    -khtml-user-select: none;
    -moz-user-select:none;
	box-shadow:0px 1px  1px #E9E9E9,inset 0 1px 1px #fff ;
	text-shadow: 0px 1px 0px white;
	padding:0 10px
	}
input.btn:hover,button.btn:hover{
 border:1px solid #666; text-decoration:none; background:url(../images/button/btn_hover_bg.gif)  left top repeat-x #bababa; color:#2e2e2e; 
}

input.importamtBtn,button.importamtBtn,input.importamtBtn:hover,button.importamtBtn:hover{
border: 1px solid #A96233;
background: #EF9D00 url(../images/button/button_important.png) repeat-x 0 0;
color: #2E2E2E;
}
